<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="../CSS/cart.css">
    <link rel="stylesheet" href="../CSS/common.css">
    <link rel="stylesheet" href="../CSS/reset.css">
</head>

<body>
    <!-- Title -->
    <div class="cartTitle">
        <label for="">全部商品<i class="TitleNum">444</i></label>
    </div>
    <!-- 头部 -->
    <div class="carHead">
        <ul>
            <li class="w_0">
                <input class="mR10" type="checkbox">全选
            </li>
            <li class="w_1">商品</li>
            <li class="w_2">单价</li>
            <li class="w_3">数量</li>
            <li class="w_4">小计</li>
            <li class="w_5">操作</li>
        </ul>
    </div>
    <!-- 商品列表 -->
    <div class="cartWrap cle">
        <!-- 分割线 -->
        <div class="goodsLine"></div>
        <!--    一条商品信息  -->
        <div class="goodsItem">
            <ul>
                <li class="w_1"><input type="checkbox"></li>
                <li class="w_2"><img src="../images/goods0.jpg" alt=""></li>
                <li class="w_3">一个幽灵，共产主义的幽灵，在欧洲游荡。为了对这个幽灵进行神圣的围剿，旧欧洲的一切势力，教皇和沙皇、梅特涅和基佐、法国的激进派和德国的警察，都联合起来了。</li>
                <li class="w_4">￥99.00</li>
                <li class="w_5">
                    <div class="entGoodsNum">
                        <input class="goods_a" type="button" value="-">
                        <input class="goods_b" type="text" value="1">
                        <input class="goods_c" type="button" value="+">
                    </div>
                </li>
                <li class="w_6">￥99.00</li>
                <li class="w_7">删除</li>
            </ul>
        </div>
    </div>
    <!-- 商品列表 -->
    <div class="cartWrap cle">
        <!-- 分割线 -->
        <div class="goodsLine"></div>
        <!--    一条商品信息  -->
        <div class="goodsItem">
            <ul>
                <li class="w_1"><input type="checkbox"></li>
                <li class="w_2"><img src="../images/goods00.jpg" alt=""></li>
                <li class="w_3">一个幽灵，共产主义的幽灵，在欧洲游荡。为了对这个幽灵进行神圣的围剿，旧欧洲的一切势力，教皇和沙皇、梅特涅和基佐、法国的激进派和德国的警察，都联合起来了。</li>
                <li class="w_4">￥99.00</li>
                <li class="w_5">
                    <div class="entGoodsNum">
                        <input class="goods_a" type="button" value="-">
                        <input class="goods_b" type="text" value="1">
                        <input class="goods_c" type="button" value="+">
                    </div>
                </li>
                <li class="w_6">￥99.00</li>
                <li class="w_7">删除</li>
            </ul>
        </div>
    </div>

    <!-- 商品列表 -->
    <div class="cartWrap cle">
        <!-- 分割线 -->
        <div class="goodsLine"></div>
        <!--    一条商品信息  -->
        <div class="goodsItem">
            <ul>
                <li class="w_1"><input type="checkbox"></li>
                <li class="w_2"><img src="../images/goods01.jpg" alt=""></li>
                <li class="w_3">一个幽灵，共产主义的幽灵，在欧洲游荡。为了对这个幽灵进行神圣的围剿，旧欧洲的一切势力，教皇和沙皇、梅特涅和基佐、法国的激进派和德国的警察，都联合起来了。</li>
                <li class="w_4">￥99.00</li>
                <li class="w_5">
                    <div class="entGoodsNum">
                        <input class="goods_a" type="button" value="-">
                        <input class="goods_b" type="text" value="1">
                        <input class="goods_c" type="button" value="+">
                    </div>
                </li>
                <li class="w_6">￥99.00</li>
                <li class="w_7">删除</li>
            </ul>
        </div>
    </div>
    <!-- 商品列表 -->
    <div class="cartWrap cle">
        <!-- 分割线 -->
        <div class="goodsLine"></div>
        <!--    一条商品信息  -->
        <div class="goodsItem">
            <ul>
                <li class="w_1"><input type="checkbox"></li>
                <li class="w_2"><img src="../images/goods02.jpg" alt=""></li>
                <li class="w_3">一个幽灵，共产主义的幽灵，在欧洲游荡。为了对这个幽灵进行神圣的围剿，旧欧洲的一切势力，教皇和沙皇、梅特涅和基佐、法国的激进派和德国的警察，都联合起来了。</li>
                <li class="w_4">￥99.00</li>
                <li class="w_5">
                    <div class="entGoodsNum">
                        <input class="goods_a" type="button" value="-">
                        <input class="goods_b" type="text" value="1">
                        <input class="goods_c" type="button" value="+">
                    </div>
                </li>
                <li class="w_6">￥99.00</li>
                <li class="w_7">删除</li>
            </ul>
        </div>
    </div>
    <!-- cart footer -->
    <div class="cartFooter">
        <div class="footeCheck">

            <input class="chk" type="checkbox">
            <label for="">全选</label>
        </div>

        <div class="goodsSelect">已选择：<i>4</i></div>
        <div class="totalMoney">总价：<i>￥668.68</i></div>
        <div class="saveMoney">已节省：<i>-￥5418.00</i></div>
        <div class="Pay">去结算</div>
    </div>
</body>

</html>